<template>
  <div id="views" class="views">
    <div id="cesiumContainer"></div>
  </div>
</template>

<script>
import * as Cesium from 'cesium/Build/Cesium/Cesium'
import 'cesium/Build/Cesium/Widgets/widgets.css'
Cesium.buildModuleUrl.setBaseUrl('static/Cesium/')
export default {
  name: 'HelloWorld',
  mounted () {
    // eslint-disable-next-line no-unused-vars
    var viewer = new Cesium.Viewer('cesiumContainer', {
      animation: false, // 是否显示动画控件
      baseLayerPicker: false, // 是否显示图层选择控件
      homeButton: false, // 是否显示home控件
      geocoder: true, // 是否显示地名查找控件
      timeline: false, // 是否显示时间线控件
      sceneModePicker: false, // 是否显示投影方式控件
      navigationHelpButton: false, // 是否显示帮助信息控件
      infoBox: true, // 是否显示点击要素之后显示的信息
      fullscreenButton: false, // 是否显示全屏控件
      vrButton: false, // 是否显示vr控件
      selectionIndicator: false // 是否显示点击要素之后显示选中框
    })
  }
}
</script>

<style scoped>
.views {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

#cesiumContainer {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
</style>
